import request from '../../utils/request'

let startY = 0
let moveY = 0
let moveDistance = 0
// pages/personal/personal.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        targetTransform: 'translateY(0)',
        targetTransition: 'translateY(0)',
        userInfo: {},    // 用户信息
        recordList: []  // 用户的播放历史记录
    },

    handleTouchStart(e) {
        startY = e.touches[0].clientY
        this.setData({
            targetTransition: ''
        })
},

    handleTouchMove(e) {
        moveY = e.touches[0].clientY
        moveDistance = moveY - startY
        if(moveDistance > 0 && moveDistance < 100){
            this.setData({
                targetTransform: `translateY(${moveDistance}rpx)`,
            })
        }
    },

    handleTouchEnd() {
        this.setData({
            targetTransform: `translateY(0)`,
            targetTransition: 'transform 0.5s'
        })
    },

    toLogin() {
        // navigateTo 不能跳转到tabBar页面
        wx.navigateTo({
          url: '/pages/login/login',
        })
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {
        // 从本地储存获取到用户数据
        const userInfo = wx.getStorageSync('userInfo')
        // 将userInfo数据更新到data中
        if(wx.getStorageSync('userInfo')){
            this.setData({
                userInfo: JSON.parse(userInfo)
            })
            this.getrecordList(this.data.userInfo.userId)
        }
    },

    // 获取用户播放记录
    async getrecordList(userId) {
        let recordData = await request('/user/record', {uid: userId, type: 0})
        this.setData({
            recordList: recordData.allData.splice(0, 10)
        })
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})